<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vlm" style="width:100%; height:100%;">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--<link rel="stylesheet" type="text/css" href="./css/main.css" />-->
<!-- JavaScript外部ファイル -->

<script src="./js/lib.js" type="text/javascript"></script>
<script src="./js/flickr.js" type="text/javascript"></script>
<script src="./js/template.js" type="text/javascript"></script>

<script src="./js/main.js" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAA30Kifjd6uI7xqx78wLD32RQG3TvMZPnlhKAqgBu4MxmOsqz0fBSOODMvYM7mb_yawMZImqa4hRYUhw" type="text/javascript"></script>
<title> Ethiopia map for everyone</title>
</head>

<body style="width:99%; height:100%;">
<table style="width:99%; height:100%;" border="0">
<tr><!--title-->
<td colspan="2">
<img src="pic/ethiopiaflagbar.png" width="100%" height="50px" align="float">
</td>
</tr>
<tr>
<td width="20%"><!--side bar-->
<div id="menu_shadow"></div>
<div id="menu_base">
    <div class="menu_title">search address</div>
    <div class="menu_innerbase">
        <input type="text" id="address" />
        <input type="button" id="address_button" value="search" />
    <div class="menu_title">Select markers</div>
        <input type="checkbox" id="cb1" onClick="checkbox1clicked()" checked>Minibus route<br/>
        <input type="checkbox" id="cb2" onclick="checkbox2clicked()" checked>Minibus station<br/>
        <input type="checkbox" id="cb3" onclick="checkbox3clicked()" checked>Embassy<br/>
        <input type="checkbox" id="cb4" onclick="checkbox4clicked()" checked>Education<br/>
        <input type="checkbox" id="cb5" onclick="checkbox5clicked()" checked>Hospital<br/>
        <input type="checkbox" id="cb6" onclick="checkbox6clicked()" checked>International org.<br/>
        <input type="checkbox" id="cb7" onclick="checkbox7clicked()" checked>public inst.<br/>
        <input type="checkbox" id="cb8" onclick="checkbox8clicked()" checked>Religious place<br/>
        <input type="checkbox" id="cb9" onclick="checkbox9clicked()" checked>Sightseeing<br/>
    </div>
   
    <div id="INFO"></div>
</div>
<form id="map_type">
    <div class="menu_title">Map types</div>
	<input type="radio" name="radio_map_type" value="map" onClick="radio_map_clicked()"/>Map<br/>
	<input type="radio" name="radio_map_type" value="earth" onClick="radio_earth_clicked()"/>Earth
</form>


</td>
<td width="80%" height="90%"><!--map-->
 <div id="map" style="width:100%;height:100%"></div>

</td>
</tr>
<tr ><!--footer-->
<td colspan="2">
<form name="MyForm">
<div id="ctrl_shadow"></div>
<div id="ctrl_base">
    <div id="ctrl_innerbase">
wide
<input type="radio" name="zoom" id="zoom0" />
<input type="radio" name="zoom" id="zoom1" />
<input type="radio" name="zoom" id="zoom2" />
<input type="radio" name="zoom" id="zoom3" />
<input type="radio" name="zoom" id="zoom4" />
detail｜
<img src="./pic/iconm.png" id="marker_icon" align="top" />
N&E
<span id="latlng"></span>
  </div>
</div>
</form>
<div id="footer_shadow"></div> <!-- 影 -->
<div id="footer_base">
    <div id="footer_innerbase">
        <span id="copyright">&copy; 2010 ethiojapan trading</span>
    </div>
</div>
<img id="counter" src="/npc/npc.cgi?L=ethiopiamap.sakura.ne.jp">

</td>
</tr>
</table>


</body>
</html>
